<@layout.extends name="module/macro.ftl">
    <@layout.put block="title">${sheet.title!} - ${blog_title!}</@layout.put>
    <@layout.put block="content">
        <div id="page" class="site">
            <main class="site-main" id="main">
                <div class="site-content post-page">
                    <header class="bg-cover page-header">
                        <#if sheet.thumbnail?? && sheet.thumbnail!=''>
                            <div class="cover-bg">
                                <img src="${sheet.thumbnail!}" alt="${sheet.title!}">
                            </div>
                        <#else>
                            <div class="default-cover-bg">
                            </div>
                        </#if>
                        <div class="cover-content">
                            <div class="inner">
                                <div class="post-count"></div>
                                <h1 class="page-title" style="font-size: 46px;">${sheet.title!}</h1>
                            </div>
                        </div>
                    </header>
                    <div class="sheet-content">
                        ${sheet.formatContent!}
                    </div>
                </div>
                <#include "module/comment.ftl">
                <#if is_post??>
                    <@comment post,"post" />
                <#elseif is_sheet??>
                    <@comment sheet,"sheet" />
                </#if>
            </main>
        </div>
    </@layout.put>
</@layout.extends>